<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>畅销书</title>
		<style type="text/css">
			
			ul{
				background: linear-gradient(#F9FBCB,#F8F8F3);
				font-size: 12px;
				line-height: 28px;
			}
			a:hover{
				text-decoration: underline;
			}
		li img{
				vertical-align: middle;
			}
		  li {
			list-style: none;
		  }
		h1{
			font-size: 16px;
			color: ivory;
			text-indent:10px;line-height:30px;
			background-color: #518700;
            background-image: contain;
		}
			a{text-decoration: none;}
		li{
			font-size: 12PX;
			line-height:28px;
			background-image: contain;
						
		}
		</style>
	</head>
	<body>
		<h1>畅销书排行榜<img src="img/bang.gif"></h1>
		
		<ul>
			<li><img src="img/book_no01.gif"><a href="#">不抱怨的世界</a></li>
			<li><img src="img/book_no02.gif"><a href="#">遇见未知的自己</a></li>
			<li><img src="img/book_no03.gif"><a href="#">活法</a></li>
			<li><img src="img/book_no04.gif"><a href="#">高效能人士的七个习惯</a></li>
			<li><img src="img/book_no05.gif"><a href="#">被迫强大</a></li>
			<li><img src="img/book_no06.gif"><a href="#">遇见心想事成的自己</a></li>
	        <li><img src="img/book_no07.gif"><a href="#">世界上最为大的推销员</a></li>
	        <li><img src="img/book_no08.gif"><a href="#">我的成功可以复制</a></li>
	        <li><img src="img/book_no09.gif"><a href="#">少有人走的路</a></li>
	        <li><img src="img/book_no10.gif"><a href="#">活出全新的自己</a></li>
	        
		</ul>
	</body>
</html>
